.sencha-segmented-toolbar {
  .x-btn-icon-el, .x-btn-inner { // 按钮active
    color: #606060;
  }

  .active {
    .x-btn-icon-el, .x-btn-inner { // 按钮active
      font-weight: bold;
      color: $color-soft-action !important;
    }
  }

  .x-btn-over.x-btn-default-toolbar-small,
  .x-btn-over.x-btn-default-small {
    border-color: #dbdbdb !important;
    background-image: none !important;
    background-color: #ececec !important;
  }

  .x-btn.x-btn-menu-active.x-btn-default-toolbar-small,
  .x-btn.x-btn-pressed.x-btn-default-toolbar-small,
  .x-btn.x-btn-pressed.x-btn-default-small {
    border-color: #d2d2d2;
    background-image: none;
    background-color: #e2e2e2;
  }

  .x-btn.x-btn-default-toolbar-small,
  .x-btn.x-btn-default-small {
    border-color: #e4e4e4;
    background-image: none;
    background-color: #f6f6f6;
  }
}

.sencha-segmented-header {
  @extend .sencha-segmented-toolbar;

  .active .x-btn-icon-el,
  .active .x-btn-inner {
    color: #ffffff !important;
  }
}
